/**
 * @file 手机单详情
 * @author yangjiangming <449654337@qq.com>
 * @date 2020-03-19 21:44:00
 */

layui.define(['element', 'layer', 'form', 'table', 'zmnUtils', 'page'], function (exports) {
    var $ = layui.$;
    var page = layui.page;
    var element = layui.element;

    var tabs = [
        { id: -1, name: '全部'  },
    ];

    /**
     * 初始化操作记录的 title
     * @param {arrry} tabs 操作列表
     */
    function initTabTitle (tabs) {
        var tabsHtmlStr = '';

        tabs.forEach((value, index) => {
            var classArray = [];
            if (index === 0) {
                classArray.push('layui-this');
            }
            tabsHtmlStr += '<li class="'+ classArray.join(' ') +
                '" data-type="' + value.id +
                '" style="padding: 0 5px; ">' + value.name + '</li>';
        });

        $('#log-tab .layui-tab-title').html(tabsHtmlStr);
    }


    /**
     * 初始化页面事件
     */
    function initEvent () {
        element.on("tab(tabChange)", function (e) {
            var type = $(e.elem.context).data('type');
            var $trList = $('.table-log tbody tr:not(.no-data)');
            var $noData = $('.table-log tbody tr.no-data');

            var $trListOfType = type === -1 ? $trList : $trListOfType = $trList.filter('[data-type="' + type + '"]');

            $('.table-log tbody tr').hide();

            if ($trListOfType.length) {
                $trListOfType.show();
                $noData.hide();
            } else {
                $noData.show();
            }
        });
    }

    /**
     * 初始化页面
     */
    page.init({
        initPage: function () {
            initTabTitle(tabs);
        },
        initEvent: initEvent
    });

    exports('oms_entrust_work_detail');
});
